$(function() {

    // 设置一个变量用于储存验证码
    var vcode;


    // 给验证密码添加一个鼠标离开事件
    $('.passwords').on('blur', function() {
        var password = $('.password').val();
        var passwords = $('.passwords').val();
        if (passwords != password) {
            // alert(111);
            mui.alert('两次输入密码不一致，请重新输入', '提示', '确定', mui.closePopups(), 'div');
            return;
        }
    });



    // 获取验证码
    // 1.先给按钮注册单击事件
    $('.getCode').on('tap', function() {
        var user = $('.user').val();
        var reg1 = /[^(0-9)]/;
        var phone = $('.phone').val();
        var reg2 = /^[0-9]{8,11}$/;
        if (!reg1.test(user)) {
            mui.alert('用户名不正确，请重新输入', '提示', '确定', mui.closePopups(), 'div');
            return;
        } else if (!reg2.test(phone)) {
            // alert(111);
            mui.alert('手机号格式不正确，请重新输入', '提示', '确定', mui.closePopups(), 'div');
            return;
        }
        // console.log(111);
        // 在一段时间里不想让按钮可以操作，我们就可以判断他是否变色或则说具有某个样式属性
        if ($('.getCode').val()) {
            $('.getCodes').attr('disabled', false);
        }
        // 1.1.收集手机号，
        // 向服务器发送请求，获取验证码
        $.ajax({
            type: 'get',
            url: "/user/vCode",
            data: { phone: phone },
            // 我想在发送请求前先判断号码是否合法，不合法就返回fales =》beforeSend:function (){}
            beforeSend: function() { // 我想在发送请求前先判断号码是否合法，不合法就返回fales
                // 因为手机号都是有规律的，先用正则表达式写出规定的手机号
                var reg2 = /^[0-9]{8,11}$/;
                // test:验证指定函数与指定的正则表达式是否相匹配
                if (!reg2.test(phone)) {
                    // alert(111);
                    mui.alert('手机号格式不正确，请重新输入', '提示', '确定', mui.closePopups(), 'div');
                    return;
                }
                // 如果符合号码，给他添加一个类名，颜色变浅目的是禁用
                $('.getCode').addClass('getCodes');
                // 当你输入的号码正确，按钮禁止之后，我们改变一下按钮里面的内容并且做一个倒计时效果
                var time = 60;
                // 计时器  每隔一秒执行一次
                var timer = setInterval(function() {

                    // 计时器开启之后，让时间减减
                    time--;
                    // 修改按钮里面的内容
                    $('#getCode').text(time + '秒后重试');
                    // console.log(11);
                    // 在判断当他执行到0的时候，就将计时器还原清除
                    if (time == 0) {
                        // 恢复按钮  并且清除之前加上的样式
                        $('.getCodes').text('获取验证码').attr('disabled', true).removeClass('getCodes');
                        // 清除计时器
                        clearInterval(timer);
                    }
                }, 1000)
            },
            // 1.2.接收验证码，给出相应的提示
            success: function(res) {
                // console.log(111);
                // console.log(res.vCode);
                var str = res.vCode;
                // alert(str);
                mui.alert(str, '提示!获取成功', '确定', mui.closePopups(), 'div');
                vcode = str;
            }
        });
    });


    // 1.给注册按钮添加点击事件
    $('#regBtn').on('click', function() {
        var username = $('.user').val();
        var password = $('.password').val();
        var mobile = $('.phone').val();
        var vCode = $('.code').val();
        var reg1 = /[^(0-9)]/;
        var reg3 = /^[a-zA-Z]\w{5,17}$/;
        if (!reg1.test(username)) {
            mui.alert('用户名不正确，请重新输入', '提示', '确定', mui.closePopups(), 'div');
            return;
        } else if (!reg3.test(password)) {
            // alert(111);
            mui.alert('密码不正确，请重新输入', '提示', '确定', mui.closePopups(), 'div');
            $('.password').val('');
            $('.passwords').val('');
            return;
        } else if (vCode != vcode) {
            // alert(111);
            mui.alert('验证码不正确，请重新输入', '提示', '确定', mui.closePopups(), 'div');
            return;
        }

        $.ajax({
            type: 'POST',
            url: "/user/register",
            timeout: 3000,
            data: {
                username: username,
                password: password,
                mobile: mobile,
                vCode: vCode
            },
            success: function(e) {
                console.log(e);
                mui.alert('注册成功', '提示', '确定', mui.closePopups(), 'div');
                if (e && e.success == true) {
                    setTimeout(function() {
                        window.location.href = "user.html";
                    }, 2000)
                }
            },


        });
    });


});